<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Viewing data related to a widget: Using a widget as a selector</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
ol.whs2 { list-style:decimal; }
p.whs3 { margin-left:40px; }
p.whs4 { margin-left:0px; }
ul.whs5 { list-style:decimal; }
p.whs6 { font-weight:bold; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs4 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nViewing data related to a widget: About using widgets as selectors\nViewing data related to a widget: Using a widget as a selector");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Viewing data related to a widget: Using a widget as a selector</h1>
<p>Selectors allow users to select which elements to display in other Grid/Graphs 
 and panel stacks in the document. An attribute, metric, custom group, 
 or consolidation on a Grid/Graph can be used as a selector, as explained 
 in 
<a HREF="GG_controlling_GG.htm">Enabling a Grid/Graph to control another 
 Grid/Graph</a>. Since widgets are a type of Grid/Graph, you can also use 
 the objects on the widget as selectors. In Flash Mode or Interactive Mode, 
 a user will be able to select which elements to display in other Grid/Graphs 
 and panel stacks in the document. In other words, the widget is used as 
 a selector targeting a Grid/Graph or panel stack. The widget performs 
 in a manner similar to a selector, but does not actually become a selector 
 object. For a more detailed description of selectors, including examples, 
 see 
<a HREF="Selectors.htm">Providing interactivity to users: Selectors</a>.</p>
<p>You can create selectors from the following widgets:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a href="Defining_a_Bubble_Grid_widget.htm">Bubble Grid</a></p></li>
	
<li class=p><p>
<a href="Defining_a_Data_Cloud_widget.htm">Data Cloud</a> 
 </p></li>
	
<li class=p><p>
<a href="Defining_a_Graph_Matrix_widget.htm">Graph Matrix</a></p></li>
	
<li class=p><p>
<a href="Heat_Map_widget.htm">Heat Map</a></p></li>
	
<li class=p><p>
<a href="Bubble_widget.htm">Interactive Bubble Graph</a></p></li>
	
<li class=p><p>
<a href="Stacked_Graph_widget.htm">Interactive Stacked 
 Graph</a></p></li>
	
<li class=p><p>
<a href="Defining_a_Microcharts_widget.htm">Microcharts</a></p></li>
	
<li class=p><p>
<a href="Time_Series_Slider.htm">Time Series Slider</a> 
 </p></li>
	
<li class=p><p>
<a href="Defining_a_Waterfall_widget.htm">Waterfall</a> 
 </p></li>
	
<li class=p><p>
<a href="Defining_a_Weighted_List_Viewer_widget.htm">Weighted 
 List Viewer</a></p></li>
</ul>
<p>In Flash Mode or Interactive Mode, when a user chooses an element in 
 the widget, data related to that element is displayed in all target Grid/Graphs 
 and panel stacks. For example, when a user clicks a bubble for the Southeast 
 region in an Interactive Bubble Graph widget, all target Grid/Graphs and 
 panel stacks in the document display Southeast data. For information on 
 how to use each type of widget as a selector, see:</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="About_using_a_Bubble_Grid_widget_as_a_selector.htm">About 
 using a Bubble Grid widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Using_a_Data_Cloud_widget_as_a_selector.htm">About 
 using a Data Cloud widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Using_a_Graph_Matrix_widget_as_a_selector.htm">About 
 using a Graph Matrix widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Using_a_Heat_Map_widget_as_a_selector.htm">About 
 using a Heat Map widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Bubble_as_selector.htm">About 
 using an Interactive Bubble Graph widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="About_using_an_Interactive_Stacked_Graph_widget_as_a_selector.htm">About 
 using an Interactive Stacked Graph widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Using_a_Microcharts_widget_as_a_selector.htm">About 
 using a Microcharts widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="About_using_a_Time_Series_Slider_widget_as_a_selector.htm">About 
 using a Time Series Slider widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Using_a_Waterfall_widget_as_a_selector.htm">About 
 using a Waterfall widget as a selector</a></p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>
<a HREF="Using_a_Weighted_List_Viewer_widget_as_a_selector.htm">About 
 using a Weighted List Viewer widget as a selector</a></p></li>
</ul>
<h2>Prerequisites</h2>
<ul type="disc" class="whs1">
	
<li class=p><p>The document must contain a widget with the report objects 
 that you want to use as selectors. For instructions to add a widget, see 
 
<a HREF="Insert_a_widget.htm">Inserting a widget into a document</a>. 
 The widget must be one of the following types:</p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Defining_a_Bubble_Grid_widget.htm">Bubble 
 Grid</a></p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Defining_a_Data_Cloud_widget.htm">Data 
 Cloud</a> </p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Defining_a_Graph_Matrix_widget.htm">Graph 
 Matrix</a></p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Heat_Map_widget.htm">Heat 
 Map</a></p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Bubble_widget.htm">Interactive 
 Bubble Graph</a></p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Stacked_Graph_widget.htm">Interactive 
 Stacked Graph</a></p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Defining_a_Microcharts_widget.htm">Microcharts</a></p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Time_Series_Slider.htm">Time 
 Series Slider</a> </p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Defining_a_Waterfall_widget.htm">Waterfall</a> 
 </p></li>
	
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>
<a href="Defining_a_Weighted_List_Viewer_widget.htm">Weighted 
 List Viewer</a></p></li>
	
<li class=p><p>The document must also contain the panel stack or Grid/Graph 
 to use as the target. The selector and target must have an attribute in 
 common. For instructions, see 
<a HREF="Insert_panel_stack_into_document.htm">Inserting 
 a panel stack into a document</a> or 
<a HREF="Add_GG_to_documents.htm">Adding 
 a Grid/Graph to documents</a>.</p></li>
</ul>
<h2>To use a widget as a selector</h2>
<ol type="1" class="whs2">
	
<li class=p><p>Open the document in <span style="font-weight: bold;"><B>Design 
 </B></span>or <span style="font-weight: bold;"><B>Editable Mode</B></span>.</p></li>
	
<li class=p><p>In the widget, right-click the attribute, custom group, 
 or consolidation name (not an element) to use as the selector, and choose 
 <span style="font-weight: bold;"><B>Use as Selector</B></span>. The Configure 
 Selector dialog box opens.</p></li>
	
<li class=p><p>Select the target Grid/Graph or panel stack in the list 
 of available controls on the right, and click &gt; to add it to the list 
 of selected targets. You can select multiple targets. <br>

	<br>

	The attribute, custom group, or consolidation you selected is the source, 
 and the selected Grid/Graph is the target. The <span style="font-weight: bold;"><B>Action 
 Type</B></span> of the selector is set to <span style="font-weight: bold;"><B>Select 
 Element</B></span>.</p></li>
	
<li class=p><p>To ensure that you can select more than one element 
 in the widget, select the <span style="font-weight: bold;"><B>Show option 
 for All</B></span> check box.</p></li>
</ol>
<ul type="disc" class="whs1">
	
<li class=p><p class="whs3">A user can select more than 
 one element from the checklist in the Interactive Stacked Graph if the 
 <span style="font-weight: bold;"><B>Show option for All</B></span> check box 
 is selected. </p></li>
	
<li class=p><p class="whs3">The data labels along the 
 X and Y axes of a Bubble Grid widget can be used as selectors if the <span 
 style="font-weight: bold;"><B>Show option for All</B></span> check box is selected. 
 </p></li>
	
<li class=p><p class="whs3">The attribute names in the 
 headers of a Graph Matrix widget, Microcharts widget, or Weighted List 
 widget can be used as selectors if the <span style="font-weight: bold;"><B>Show 
 option for All</B></span> check box is selected. </p></li>
	
<li class=p><p class="whs3">The attribute elements in 
 the legend of a Waterfall widget can be used as selectors if the <span 
 style="font-weight: bold;"><B>Show option for All</B></span> check box is selected. 
 </p></li>
</ul>
<ol start="5" type="1" class="whs2">
	
<li class=p><p class="whs4">To ensure that the element 
 displayed in the selector changes if an element is chosen in another selector, 
 select <span style="font-weight: bold;"><B>Allow selection to be updated 
 by other selectors</B></span>.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes.</p></li>
</ol>
<p>&nbsp;</p>
<p>For Interactive Stacked Graph widgets and Time Series Slider widgets, 
 you must determine which part of the widget is enabled as a selector. 
 This step must be completed in Flash Mode or Interactive Mode in MicroStrategy 
 Web. For instructions, see 
<a href="#ISG_graph_or_legend">To determine 
 which part of an Interactive Stacked Graph widget is enabled as a selector</a> 
 or 
<a href="#TSS_graph_or_slider">To determine which part of a Time Series 
 Slider widget is enabled as a selector</a></p>
<p>For certain types of widgets, you can specify that the targets are updated 
 when a user hovers the cursor over:</p>
<ul>
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>A bubble or 
 an item in the legend of an Interactive Bubble Graph widget</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>The graph 
 or legend of an Interactive Stacked Graph widget</p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>A data point 
 in the primary graph of a Time Series Slider widget</p></li>
</ul>
<p>For instructions, see 
<a href="#hovering_cursor">To specify that targets 
 are updated when the cursor is hovered</a>.</p>
<h2>
<a name=ISG_graph_or_legend></a>To determine which part of an Interactive 
 Stacked Graph widget is enabled as a selector</h2>
<p>Complete the following procedure for Interactive Stacked Graph widgets 
 only, to determine whether the graph or the legend is used as the selector.</p>
<ol type="1" class="whs2">
	
<li class=p><p>Open the document and view the widget in one of two 
 ways: </p></li>
	<ul type="1" class="whs5">
		
<li class=P-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu. </p></li>
	</ul>
	<ul>
<li class=P-TopicTextBulleted2><p class=TopicTextBulleted2>If Flash 
 Mode is not available in the Home menu, you must make Flash Mode available 
 in the document. For steps, see 
<a href="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
	</ul>
	<ul type="1" class="whs5">
		
<li class=P-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span 
 style="font-weight: bold;"><B>Home</B></span> menu.</p></li>
	</ul>
	<ul>
<li class=P-TopicTextBulleted2><p class=TopicTextBulleted2>DHTML 
 must be enabled in order to display widgets in Interactive Mode in MicroStrategy 
 Web. For instructions to enable DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling 
 DHTML in MicroStrategy Web</a>. </p></li>
	</ul>
	
<li class=p><p>Right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box for the widget opens. </p></li>
	
<li class=p><p>From the <span style="font-weight: bold;"><B>Selectable 
 Area</B></span> drop-down list, select <span style="font-weight: bold;"><B>Graph</B></span> 
 or <span style="font-weight: bold;"><B>Legend</B></span>. </p></li>
	
<li class=p><p>You can ensure that target Grid/Graphs and panel stacks 
 are updated when a user hovers over the graph or legend. To do so, select 
 the <span style="font-weight: bold;"><B>Change Selection on Mouse Over</B></span> 
 check box.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes.</p></li>
</ol>
<h2>
<a name=TSS_graph_or_slider></a>To determine which part of a Time Series 
 Slider widget is enabled as a selector</h2>
<p>Complete the following procedure for Time Series Slider widgets only, 
 to select whether the primary graph or the slider is used as the selector. 
 The primary graph allows the user to select an individual element, while 
 the slider allows the user to select a range of elements.</p>
<ol type="1" class="whs2">
	
<li class=p>
	<p>Open the document and view the widget in one of two ways: </p>
	<ul type="1" class="whs5">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu. </p></li>
	</ul>
	<ul>
<li class=P-TopicTextBulleted2><p class=TopicTextBulleted2>If Flash 
 Mode is not available in the Home menu, you must make Flash Mode available 
 in the document. For steps, see 
<a href="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
	</ul>
	<ul type="1" class="whs5">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span 
 style="font-weight: bold;"><B>Home</B></span> menu.</p></li>
	</ul>
	<ul>
<li class=P-TopicTextBulleted2><p class=TopicTextBulleted2>DHTML 
 must be enabled in order to display widgets in Interactive Mode in MicroStrategy 
 Web. For instructions to enable DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling 
 DHTML in MicroStrategy Web</a>. </p></li>
	</ul>
	</li>
	
<li class=p><p>Right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box for the widget opens. </p></li>
	
<li class=p><p>From the <span style="font-weight: bold;"><B>Selectable 
 Area</B></span> drop-down list, select <span style="font-weight: bold;"><B>Slider 
 </B></span>or <span style="font-weight: bold;"><B>Primary Graph</B></span><span>.</span></p></li>
	
<li class=p><p>You can ensure that target Grid/Graphs and panel stacks 
 are updated when a user hovers over the slider or primary graph. To do 
 so, select the <span style="font-weight: bold;"><B>Change Selection on Mouse 
 Over</B></span> check box.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes.</p></li>
</ol>
<h2>
<a name=hovering_cursor></a>To specify that targets are updated when 
 the cursor is hovered</h2>
<p>Complete the following procedure for Interactive Bubble Graph widgets, 
 Interactive Stacked Graph widgets, and Time Series Slider widgets only.</p>
<ol type="1" class="whs2">
	
<li class=p>
	<p>Open the document and view the widget in one of two ways: </p>
	<ul type="1" class="whs5">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu. </p></li>
	</ul>
	<ul>
<li class=P-TopicTextBulleted2><p class=TopicTextBulleted2>If Flash 
 Mode is not available in the Home menu, you must make Flash Mode available 
 in the document. For steps, see 
<a href="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
	</ul>
	<ul type="1" class="whs5">
		
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select 
 <span style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span 
 style="font-weight: bold;"><B>Home</B></span> menu.</p></li>
	</ul>
	<ul>
<li class=P-TopicTextBulleted2><p class=TopicTextBulleted2>DHTML 
 must be enabled in order to display widgets in Interactive Mode in MicroStrategy 
 Web. For instructions to enable DHTML, see 
<a href="DHTML-only_features_in_Web.htm">Enabling 
 DHTML in MicroStrategy Web</a>. </p></li>
	</ul>
	</li>
	
<li class=p><p>Right-click the widget and select <span style="font-weight: bold;"><B>Properties</B></span>. 
 The Properties dialog box for the widget opens. </p></li>
	
<li class=p><p>To specify that targets are updated when a user hovers 
 the cursor, select the <span style="font-weight: bold;"><B>Change Selection 
 on Mouse Over</B></span> check box.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply the changes.</p></li>
</ol>
<p class="whs6">Related topics</p>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a href="Using_a_Data_Cloud_widget_as_a_selector.htm">About 
 using a Data Cloud widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Using_a_Graph_Matrix_widget_as_a_selector.htm">About 
 using a Graph Matrix widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Using_a_Heat_Map_widget_as_a_selector.htm">About 
 using a Heat Map widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Using_a_Microcharts_widget_as_a_selector.htm">About 
 using a Microcharts widget as a selector</a></p></li>
	
<li class=p><p>
<a href="About_using_a_Time_Series_Slider_widget_as_a_selector.htm">About 
 using a Time Series Slider widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Using_a_Waterfall_widget_as_a_selector.htm">About 
 using a Waterfall widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Using_a_Weighted_List_Viewer_widget_as_a_selector.htm">About 
 using a Weighted List Viewer widget as a selector</a></p></li>
	
<li class=p><p>
<a href="Bubble_as_selector.htm">About using an Interactive 
 Bubble Graph widget as a selector</a></p></li>
	
<li class=p><p>
<a href="About_using_an_Interactive_Stacked_Graph_widget_as_a_selector.htm">About 
 using an Interactive Stacked Graph widget as a selector</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
